<footer class="footer-main">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-lg-4 col-md-4 footer-widget">
                <img loading="lazy" class="footer-logo" style="max-width: 100%;" src="{$site.logo}" alt="{$site.title}">
                <p class="text-white">{$site.description}</p>
            </div>
            {// 产品展示栏目}
            <div class="col-lg-2 col-md-2 mt-3 mt-sm-0">
                <h5 class="widget-title text-white">{hkcms:channel name="21"}{$item.title}{/hkcms:channel}</h5>
                <ul class="list-inline m-0">
                    {hkcms:channel name="21" type="son"}
                    <li><a href="{$item.url}">{$item.title}</a></li>
                    {/hkcms:channel}
                </ul>
            </div>
            <div class="col-lg-2 col-md-2 mt-3 mt-sm-0">
                <h5 class="widget-title text-white">{:__('Fast entry')}</h5>
                <ul class="list-inline m-0">
                    {hkcms:channel name="7"}
                    <li><a href="{$item.url}" target="_blank">{$item.title}</a></li>
                    {/hkcms:channel}
                    {hkcms:channel name="34"}
                    <li><a href="{$item.url}" target="_blank">{$item.title}</a></li>
                    {/hkcms:channel}
                </ul>
            </div>
            <div class="col-lg-4 col-md-4 mt-3 mt-sm-0">
                <p>
                    <img src="{$Tpl.wx}" style="width: 100px;" alt="">
                    <img src="{$Tpl.gzh}" style="width: 100px;" alt="">
                </p>
            </div>
        </div>
    </div>
    </div>
</footer>
<!-- Subfooter -->
<footer class="subfooter">
    <div class="container">
        <div class="row">
            <div class="col-md-6 align-self-center">
                <div class="copyright-text">
                    <p>Copyright &copy; <script>document.write(new Date().getFullYear())</script> {$site.title} All Rights Reserved</p>
                    <p><a href="http://beian.miit.gov.cn" target="_blank">{$site.icp}</a></p>
                </div>
            </div>
            <div class="col-md-6">
                <a href="#" class="to-top"><i class="fa fa-angle-up"></i></a>
            </div>
        </div>
    </div>
</footer>
<!-- JAVASCRIPTS -->
<!-- jQuey -->
<script src="__static__/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="__static__/plugins/bootstrap/bootstrap.min.js"></script>
<!-- Shuffle -->
<script src="__static__/plugins/shuffle/shuffle.min.js"></script>
<!-- Magnific Popup -->
<script src="__static__/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Slick Carousel -->
<script src="__static__/plugins/slick/slick.min.js"></script>
<!-- SyoTimer -->
<script src="__static__/plugins/syotimer/jquery.syotimer.min.js"></script>
<!-- Custom Script -->
<script src="__static__/js/swiper.min.js"></script>
<script src="__static__/js/script.js"></script>

{:hook("indexFooter")}